body{
    background-color: skyblue;
}
#h1{
    text-align: center;
    font-size:60px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

}
.box{
    width: 450px;
    height: 400px;
    position: relative;
    background-color:#fff ;
    top: 38px;
    margin: 0 auto;
    border-radius: 30px;
}
#b1{
    border-radius: 10px;
    width: 80px;
    height: 30px;
    margin-left: 80px;
}
#b1:hover{
    background-color: gray;
}
#b2{
    border-radius: 10px;
    width: 80px;
    height: 30px;
    margin-left: 120px;
}
#b2:hover{
    background-color: gray;
}
#t1{
    border-radius: 10px;
    height: 25px;
    outline: none;
}
#t1:focus{
    box-shadow: inset 0 0 2px 2px rgba(0,0,0,.5);

}
#t2{
    border-radius:10px;
    height: 25px;
    outline: none;
}
#t2:focus{
    box-shadow: inset 0 0 2px 2px rgba(0,0,0,.5);
}
#fp{
    text-decoration: none;
    color: gray;
}
#fp:hover{
    color: black;
}
.name{
    position: relative;
    top: 80px;
    text-align: center;

}
.password{
    position: relative;
    top: 130px;
    text-align: center;
}
.login{
    position: relative;
    top: 180px;
    display: inline-block;
    text-align: center;
}
.register{
    position: relative;
    top: 180px;
    display: inline-block;
    text-align: center;
}
.reme{
    position: relative;
    top: 220px;
    text-align: center;
}
